﻿<UserControl x:Class="OI.Controls.DrillDownIcon"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="40" Height="20" Margin="-20,-10,0,0" Unloaded="OnUnloaded">
    
    <UserControl.Resources>
        <Storyboard x:Name="DDIOpacityStoryboard">
            <DoubleAnimation
              Storyboard.TargetName="Ring"
              Storyboard.TargetProperty="Opacity"
              From="1.0" To="0.0" 
              Duration="0:0:1.5" 
              AutoReverse="False" 
              RepeatBehavior="Forever" />
        </Storyboard>

        <Storyboard x:Name="DDIHeightStoryboard">
            <DoubleAnimation
              Storyboard.TargetName="Scaler"
              Storyboard.TargetProperty="ScaleX"
              From="0.0" To="1.0" 
              Duration="0:0:1.5" 
              AutoReverse="False" 
              RepeatBehavior="Forever">
                
                <DoubleAnimation.EasingFunction>
                    <BackEase EasingMode="EaseOut"
		                      Amplitude="0.5" />
                </DoubleAnimation.EasingFunction>
                
            </DoubleAnimation>
            
        </Storyboard>

        <Storyboard x:Name="DDIWidthStoryboard">
            <DoubleAnimation
              Storyboard.TargetName="Scaler"
              Storyboard.TargetProperty="ScaleY"
              From="0.0" To="1.0" 
              Duration="0:0:1.5" 
              AutoReverse="False" 
              RepeatBehavior="Forever">

                <DoubleAnimation.EasingFunction>
                    <BackEase EasingMode="EaseOut"
		                      Amplitude="0.5" />
                </DoubleAnimation.EasingFunction>

            </DoubleAnimation>
        </Storyboard>
    </UserControl.Resources>

    <Ellipse x:Name="Ring" Opacity="1.0" Stroke="{StaticResource FeatureHighlightOutlineColorBrush}" 
             Stretch="Fill" StrokeThickness="1"
             Width="40" Height="20" IsHitTestVisible="false"
             RenderTransformOrigin="0.5,0.5">
        <Ellipse.Fill>
            <RadialGradientBrush>
                <GradientStop Color="{StaticResource FeatureHighlightColor}" Offset="0.5" />
                <GradientStop Color="#FFffffff" Offset="1" />
            </RadialGradientBrush>
        </Ellipse.Fill>
        <Ellipse.RenderTransform>
            <ScaleTransform x:Name="Scaler" ScaleX="1.0" ScaleY="1.0" />
        </Ellipse.RenderTransform>
    </Ellipse>
</UserControl>
